/*顶部导航样式*/
/*最外层*/
.topnav{
    height: 40px;
    background-color: #333333;
}

.topnav-left{
    float: left;
}
.topnav-right{
    float: right;
}

/*顶部导航左侧的a标签的样式*/
.topnav-left a,
.topnav-right a{
    float: left;
    color: #b0b0b0;
    line-height: 40px;
}
.topnav-left i,
.topnav-right i{
    float: left;
    color: #b0b0b0;
    line-height: 40px;
    margin: 0 8px;
}
/*
!*顶部导航栏右侧a标签的样式*!
.topnav-right a{
    float: left;
    color: #b0b0b0;
    line-height: 40px;
}
.topnav-right i{
    float: left;
    color: #b0b0b0;
    line-height: 40px;
    margin: 0 8px;
}*/

.topnav-right .cart {
    width: 120px;
    margin-left: 24px;
    background-color: #424242;
    text-align: center;
}
/*给顶部导航的a标签 加鼠标悬停效果*/
.topnav-left a:hover,
.topnav-right a:hover{
    color: white;
}
/*给购物车设置鼠标悬停特效*/
.topnav-right .cart:hover{
    color: #ff6700;
    background-color: white;
}

/*作业*/
/*.topnav{
     height: 40px;
     background-color: #333333;
 }

.topnav-left{
    float: left;
}
.topnav-right{
    float: right;
}

.topnav-left a,
.topnav-right a{
    float: left;
    color: #b0b0b0;
    line-height: 40px;
}
.topnav-left i,
.topnav-right i{
    float: left;
    color: #b0b0b0;
    line-height: 40px;
    margin: 0 8px;
}
.topnav-right .cart {
    width: 120px;
    margin-left: 24px;
    background-color: #424242;
    text-align: center;
}
.topnav-left a:hover,
.topnav-right a:hover{
    color: white;
}
.topnav-right .cart:hover{
    color: #ff6700;
    background-color: white;
}*/


.seachnav{
    height: 100px;
}
.searchnav-logo{
    float: left;
    width: 55px;
    height: 55px;
    background-color: #ff6700;
    padding: 3px;
    box-sizing: border-box;
    margin-top: 21px;
}
.search-tab{
    float: left;
    height: 100px;
    margin-left: 180px;
}
.search-tab a{
    float: left;
    font-size: 16px;
    margin: 0px 10px;
    line-height: 100px;
}
.searchnav-search{
    float: right;
    margin-top: 25px;
    width: 296px;
    height: 50px;
    border: 1px solid #e0e0e0;
}
.searchnav-search input{
    float: left;
    width: 244px;
    height: 100%;
    box-sizing: border-box;
    border: 0px;
    border-right: 1px solid #e0e0e0;
}
.searchnav-search button{
    float: left;
    width: 52px;
    height: 100%;
    box-sizing: border-box;
    background-image: url(../img/1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    border: 0px;
}
.searchnav-search-keys{
    position: absolute;
    top: 44%;
    right: 59px;
    height: 18px;
    line-height: 18px;
}
.searchnav-search-keys span{
    background-color: #e0e0e0;
}
